@charset "utf-8";

/***************** table布局 *****************/
body{
	color: white;
}

table{
	/*width: 960px;*/
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

table tr:first-child{
	height: 120px;
	vertical-align: top;
	background-color: olive;
}

#aside{
	/*width: 200px;*/
	width: 20%;
	height: 500px;
	background-color: purple;
	vertical-align: top;
}

#section{
	background-color: maroon;
	vertical-align: top;
}

table tr:last-child{
	height: 120px;
	vertical-align: top;
	background-color: gray;
}

/***************** float布局 *****************/
body{
	/*width: 960px;*/
	/*width: auto;*/
	width: 100%;
	margin: 0 auto;
}

header{
	height: 120px;
	background-color: olive;
}

aside{
	/*width: 200px;*/
	width: 20%;
	height: 500px;
	background-color: purple;
	float: left;
}

section{
	height: 500px;
	/*width: 760px;*/
	width: 80%;
	background-color: maroon;
	float: left;
}

footer{
	height: 120px;
	background-color: gray;
	clear: both;
}
